<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/assets/common/common.css">
    <link rel="stylesheet" href="/assets/iconfont/iconfont.css">
    <link rel="stylesheet" href="./Approval.css">
    <title>Document</title>
</head>
<body class="Approval">
    <!-- 导航栏 -->
    <div class="top bg-fff w100 flex aic jc-sb pl-20 pr-20">
        <div class="icon">
            <i class="iconfont icon-zuojiantou"></i>
        </div>       
        <div>审批</div>
        <div class="icon"></div>
    </div>
    <!-- 审批过程 -->
    <div class="process">
        <div class="smallProcess w100 bg-fff flex jc-sa aic">
            <a href="./myApproval/myApproval.html" class="fdc fcc">
                <i class="iconOne iconfont icon-wodeshenpi"></i>
                <span class="mt-5">我审批的</span>
            </a>
            <a href=".//initiate/initiate.html" class="fdc fcc">
                <i class="iconTwo iconfont icon-faqiyanshou"></i>
                <span class="mt-5">我发起的</span>
            </a>
            <a href="./copy/copy.html" class="fdc fcc">
                <i class="iconThree iconfont icon-tiaoguofenxiang"></i>
                <span class="mt-5">抄送我的</span>
            </啊>    
        </div>
    </div>
    <!-- 人事 -->
    <ul class="personnelMatters w100"> 
        <div class="text">人事</div>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="greenMap flex fcc">
                <i class="iconfont icon-ruzhi"></i>
            </div>
            <div class="fdc pl-10">
                <span>入职</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="greenMap flex fcc">
                <i class="iconfont icon-zhuanzheng"></i>
            </div>
            <div class="fdc pl-10">
                <span>转正</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="blueMap flex fcc">
                <i class="iconfont icon-bianzu13"></i>
            </div>
            <div class="fdc pl-10">
                <span>调动</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="yellowMap flex fcc">
                <i class="iconfont icon-lizhi"></i>
            </div>
            <div class="fdc pl-10">
                <span>离职</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="blueMap flex fcc">
                <i class="iconfont icon-zhaopingangwei"></i>
            </div>
            <div class="fdc pl-10">
                <span>招聘</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
    </ul>
    <!-- 考勤 -->
    <ul class="check-work-attendance w100">
        <div class="text ">考勤</div>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="yellowMap flex fcc">
                <i class="iconfont icon-daqiabuqiandan"></i>
            </div>
            <div class="fdc pl-10">
                <span>打卡</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="blueMap flex fcc">
                <i class="iconfont icon-daqia"></i>
            </div>
            <div class="fdc pl-10">
                <span>请假</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="redMap flex fcc">
                <i class="iconfont icon-dizhi"></i>
            </div>
            <div class="fdc pl-10">
                <span>加班</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="greenMap flex fcc">
                <i class="iconfont icon-xietongbangong-16px"></i>
            </div>
            <div class="fdc pl-10">
                <span>出差</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
    </ul>
    <!-- 行政 -->
    <ul class="administration w100">
        <div class="text">行政</div>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="blueMap flex fcc">
                <i class="iconfont icon-xietongbangong-16px"></i>
            </div>
            <div class="fdc pl-10">
                <span>物品领用</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="redMap flex fcc">
                <i class="iconfont icon-faqiyanshou"></i>
            </div>
            <div class="fdc pl-10">
                <span>用章申请</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="yellowMap flex fcc">
                <i class="iconfont icon-xietongbangong-16px"></i>
            </div>
            <div class="fdc pl-10">
                <span>物品保修</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
    </ul>
    <!-- 财务 -->
    <ul class="finance w100">
        <div class="text">财务</div>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="blueMap flex fcc">
                <i class="iconfont icon-feiyong"></i>
            </div>
            <div class="fdc pl-10">
                <span>费用报销</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="redMap flex fcc">
                <i class="iconfont icon-daifukuan"></i>
            </div>
            <div class="fdc pl-10">
                <span>付款申请</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="yellowMap flex fcc">
                <i class="iconfont icon-wenjianjia"></i>
            </div>
            <div class="fdc pl-10">
                <span>合同申请</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
        <a href="./InitiateApproval/InitiateApproval.html" class="item bg-fff flex aic pl-20">
            <div class="greenMap flex fcc">
                <i class="iconfont icon-money"></i>
            </div>
            <div class="fdc pl-10">
                <span>备用金申请</span>
                <span class="f12 mt-5 t-999">用于人事部门员工入职申请</span>
            </div>
        </a>
    </ul>
    <!-- 底部 -->
    <div class="footer w100 fcc f12 t-999 pb-10">没有更多数据了~</div>
</body>
</html>